<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>

</body>
<script>
	{
		// 1- 属性简写
		// let userName = "zhangsan";
		// let obj = {
		// 	a:1,
		// 	b:2,
		// 	// es5
		// 	// userName:userName
		//
		// 	// es6:
		// 	userName,// 将变量userName的名字作为属性名，值作为属性值。
		// }
		// console.log(obj);
		
		
		// 2- 函数简写
		// let obj = {
		// 	// es5
		// 	// fn:function(){
		// 	// 	console.log("函数");
		// 	// }
		//
		// 	// es6
		// 	fn(){
		// 		console.log("函数的简写");
		// 	},
		// 	fn2:()=>{
		// 		console.log("fn2->箭头函数")
		// 	}
		// }
		
		// 3 注意：需要强调
		let c = 3;
		let obj = {
			a:1,
			b:2,
			c,
			fn(){},
			[c]:100,// ---->将变量c的值作为属性名，属性的值为100
			// 如果属性名中包含特殊字符 (数字，字母,下划线,$之外的),属性名需要用双引号或单引号包裹。
			"!@#aaa":200,
			$abc:300
		};
		console.log(obj["!@#aaa"],obj["3"],obj[c]);
	}
</script>
</html>